<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>确认订单</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
	<link rel="stylesheet" href="/css/main.css">

  </head>
  <body>
    <div class="page-group">
	  <!-- 其他的单个page内联页（如果有） -->
		 <div class="page page-current">
			  <!-- 这里是页面内容区 -->
			<div class="content">
				<header class="bar bar-nav">
				 <a class="button button-link button-nav pull-left back my-button-link" href="/docs-demos/router">
				  <span class="icon icon-left"></span>
				</a>
				  <h1 class="title my-order-title">确认订单</h1>
				</header>
				<div class="list-block media-list ">
					<ul>
					  <li>
						<a href="#" class="item-link item-content">
						   <span class="icon icon-star my-order-star"></span>
						   <div class="item-inner my-order-addre">
							<div class="item-title-row">
							  <div class="item-title">收货人：AB</div>
							  <div class="item-after">13000000000</div>
							</div>
							<div class="item-subtitle">西安市碑林区南稍门中贸广场1号楼3005</div>
							<div class="item-text my-order-font-color">(请注意保持手机通畅)</div>
						  </div>
						</a>
					  </li>
					  <li>						
							<div class="my-order-name-position">拴马桩擀面皮</div>						
					  </li>
					 
					</ul> 
					<div class="card-footer my-order-name-position">
						  <span>拴马桩擀面皮 7元</span>
						</div>
				 </div><!--order end-->
				 <div class="list-block contacts-block">
					<div class="list-group">
					  <ul class="my-order-ul">
						<li>
						  <div class="item-content">
							<div class="item-inner">
							  <div class="item-title">配送方式：</div>
							  <div class="item-after">要外卖配送</div>
							</div>
						  </div>
						</li>
						<li>
						  <div class="item-content">
							<div class="item-inner">
							  <div class="item-title">配送时间：</div>
							  <div class="item-after">立即送出/预约送出</div>
							</div>
						  </div>
						</li>
						<li>
						  <div class="item-content">
							<div class="item-inner">
							  <div class="item-title">配送费：</div>
							  <div class="item-after">6元</div>
							</div>
						  </div>
						</li>
						<li>
						  <div class="item-content">
							<div class="item-inner">
							  <div class="item-title">配送距离：
								<div class="my-order-font-color ">
									<div>预计将在60分钟以内送达！请您耐心等待！</div>
									<div>(如遇风雨雪天气等恶劣天气可能会造成延时,请您谅解!)</div>
								</div>
								
							  </div>
							  <div class="item-after">3500m</div>
							</div>
						  </div>
						</li>
						<li>
						  <div class="item-content">
							<div class="item-inner">
							  <div class="item-title">买家留言：</div>
							  <div class="my-words"><input type="text" placeholder="可填写您和卖家达成一致的要求。"></div>
							</div>
						  </div>
						</li>
						<li class="list-group-title"></li>
						<li>
						  <div class="item-content">
							<div class="item-inner">
							  <div class="item-title">卡/卷/红包:</div>
							  <div class="item-after my-order-card">要外卖红包5元</div>
							</div>
						  </div>
						</li>
					  </ul>
					</div>
					<div class="list-group">
					  <ul>
						
						<li class="list-group-title"></li>
						<li>
						  <div class="item-content"></div>
						</li>
						<li class="list-group-title">选择付款方式：</li>
						<li>
						  <div class="item-content">
							<ul class="my-ul">
							  <li>
								<label class="label-checkbox item-content">
								  <input type="radio" name="my-radio">
								  <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								  <div class="item-inner">
									<div class="item-subtitle">微信支付</div>								
								  </div>
								</label>
							  </li>
							  <li>
								<label class="label-checkbox item-content">
								  <input type="radio" name="my-radio">
								  <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
								  <div class="item-inner">
									<div class="item-subtitle">货到付款</div>						
								  </div>
								</label>
							  </li>
							</ul>
						  </div>
						</li>
					  </ul>
					</div>
				</div>
				<div class="my-order-query-card">
				<p class="buttons-row"><a href="#" class="button button-fill button-dark">实付款：￥8.00元</a><a href="#" class="button button-fill button-warning">确认支付</a></p>
				</div>
			</div><!--content-->
		</div><!--end page-->
	</div><!--end page-group-->
				 